迁移Hexo到云服务器的一次经历

发表于| 更新于: | 分类于 | | 热度: ℃
| 字数统计: 2k | 阅读时长 ≈ 8
写下这边文章主要是我在迁移过程中走了很多弯路,以此警戒.

今天是大年初一, 下午配置域名跳转时又出现了问题, 几经波折, 终于搞定了~ 所以来更新一下博文.

原先, 我的博客托管在Github Pages上,这几天一直都很慢.. 加载要半年.

kJDfmQ.gif

于是乎, 今晚没事干, 决定迁移到服务器上面, 选的是GCP的服务器, 地区选在新加坡. 延迟大概有80ms, 比github快多了. GCP的好处有以下:

  1. 均衡负载, 可以实现全球cdn加速
  2. 免费.

预备工作

虚拟主机一台. 国内可选用 腾讯云, 阿里云. 学生机9.9还是可以接受的.

Linux环境, 我选用的是Debian 9.

域名.

开始之前,确保你能够免密连接你的主机, 则可以减少很多时间来部署. 通常采用public key authorization

通过ssh连接服务器之后, 首先安装git 和 nginx.

1
sudo apt install nginx git

初始化 Git 仓库

建立仓库

可以将git仓库放到自定义位置，我是将其放在 /var/repo/blog.git 目录下的

1
2
3
sudo mkdir /var/repo
cd /var/repo
sudo git init --bare blog.git

使用 –bare 参数，Git 就会创建一个裸仓库，裸仓库没有工作区，我们不会在裸仓库上进行操作，它只为共享而存在。

配置 git hooks

我们这里要使用的是 post-receive 的 hook，这个 hook 会在整个 git 操作过程完结以后被运行，关于 hooks
的详情内容可以参考这里。

在 blog.git/hooks 目录下新建一个 post-receive 文件

1
cd /var/repo/blog.git/hooks

编辑这个文件

1
nano post-receive

在 post-receive 文件中写入如下内容

1
2
#!/bin/sh
git --work-tree=/home/www/hexo --git-dir=/var/repo/blog.git checkout -f

注意，/home/www/hexo 要换成你自己的部署目录，正如上文所说，我是的配置目录是/home/www/hexo。/var/repo/blog.git是git仓库的位置。上面那句 git 命令可以在我们每次 push 完之后，把部署目录更新到博客的最新生成状态。这样便可以完成达到自动部署的目的了。

设置这个文件的可执行权限

1
chmod +x post-receive

配置本地_config.yml文件,完成自动化部署

  • 现在配置 hexo 的 deploy

修改 hexo 目录下的 _config.yml 找到 deploy, 修改为：

1
2
3
4
5
6
deploy: 
  type: git
  repository: 
    GCP: root@x.x.x.x:/var/www/blog.git
    github: git@github.com:xxx
  branch: master

repo 的地址为你自己的地址以及 git 仓库目录

至此，我们的 hexo 自动部署已经全部配置好了

推送本地hexo到远程服务器

打开终端, cd到本地hexo目录, 输入

1
hexo clean && hexo g && hexo d

将同时push到github和远程服务器

配置nginx

nginx用于监听80和443端口, 实现http(80)自动跳转https(443).

前提是 你需要一个ssl证书.

  • 为防止直接ip的访问，使用return 444; 直接丢弃Host为ip或者不存在的包。

配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
server {
    listen 80 default_server;
    server_name _;
    return 444;
    
}
server {
    listen 443 default_server;
    server_name _;
    ssl_certificate /var/www/x.crt; 
    ssl_certificate_key /var/www/x.key; 
    return 444;
}
server {
    listen 80;
    server_name yiny.ml;
    index index.html index.php index.htm;
   
    return      301 https://$server_name$request_uri;      
  
    location ~ / {
    root /home/www/hexo;
    index index.html index.php index.htm;
    }
    }
server {
	 listen 443 ssl http2;
     ssl on;

        
     ssl_certificate /var/www/x.crt; # 对应origin certificate
     ssl_certificate_key /var/www/x.key; # 对应private key
	 root /home/www/hexo;
     server_name yiny.ml;

	 index index.html index.htm index.nginx-debian.html;

	}
}
}

在server_name 一处修改为自己的域名.

ssl_certificate(_key)填写自己的ssl认证文件(crt和key)

这里说下我之前遇到的坑, cloudflare的ssl证书只有在使用它的cdn加速后才会是 “认证的证书”,否则都是”证书不信任”,这里推荐使用腾讯云dnspod解析

一般常规操作都是直接套cf比较妥。毕竟可以减轻ddos的攻击。

配置域名

进入域名控制台后, 进行如下配置,见 记录值 修改为 虚拟主机的ip.

image-20190204165134469

等待10分钟后. 试试进入域名吧.

image-20190204165519545

速度明显比github pages快多了, http顺利跳转https.

kJDROg.gif

进阶配置和管理

跳转配置

设置404跳转网站

1
error_page  404 500 502 503 504  /404.html;

403跳转百度

1
error_page 403 = http://baidu.com;

datanet配置

datanet是linux上一款性能分析工具, 并且具有webUI后端.

image-20190204200027567

他有如下好处:

  • 实时

Netdata可在3毫秒内将图表查询结果反馈给到网页上。在3毫秒内，Netdata完成了计算图表结果，生成json文本，压缩并发送到web浏览器这些操作。查看access.log可看到这些操作各花费了多少时间。

  • 无需管理员身份运行

Netdata无需管理员身份。如果以管理员身份启动Netdata，它会切换到netdata使用者身份来运行。

  • 无需大量手动配置

Netdata支持大量的配置设定，开发者让Netdata自动检测大部分环境，但仍有一些无法覆盖的需要用户手动配置。

  • 无需硬盘输出/输入

Netdata不占用硬盘吞吐量，只是会记录日志，而且我们甚至可以禁用日志操作。这个设计有效避免了工具会干扰其他应用表现的副作用。

  • 嵌入式web服务器

无需运行其他软件来查看netdata输出结果，打开网页查看。

  • 图表化的服务质量数据
  • 以动态图表显示linux内核流量控制服务质量类别。
  • 话不多说, 开始配置吧.
1
bash <(curl -Ss https://my-netdata.io/kickstart.sh)

安装后默认是通过http://xxx:19999/ 访问(xxx是你的主机ip)

由于netdata没有帐号密码体系，为保护服务器隐私，我们要使用nginx反代，通过域名访问，并使用账号密码授权。
首先，我们安装apache工具集，我们需要其中的htpasswd为我们生成用户信息

1
sudo apt-get install apache2-utils

接下来创建目录，创建账号

1
2
3
4
mkdir /usr/local/nginx
htpasswd -c /usr/local/nginx/passwd.db username
pwd
re-type pwd

添加一个nginx的配置vim /etc/nginx/conf.d/netdata.conf，内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
upstream netdatahttp
{
        server 127.0.0.1:19999;
}

server {

  listen *:80;
  server_name netdata.yiny.ml;
  auth_basic "netdata";
  auth_basic_user_file /usr/local/nginx/passwd.db;

  location /
  {
        proxy_pass http://netdatahttp;

        proxy_redirect off;
        proxy_set_header        Host $host;
        proxy_set_header        X-Real_IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
  }
}

打开域名测试一下效果

image-20190204200821315

配置多域名跳转同一域名

首先, 你要在域名控制台将域名指向主机ip,

在nginx中新建一个虚拟主机,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

server {
    listen 80 ;
    server_name ab.com;
    index index.html index.php index.htm;
  
 
    return      301 https://yiny.ml$request_uri;      
  
    location ~ / {
    root /home/www/toblog;
    index index.html index.php index.htm;
    }
    }

server {
    listen 443 ;
    server_name ab.com;
    index index.html index.php index.htm;
    ssl_certificate /xxxx; # 对应origin certificate
    ssl_certificate_key /xxxx; # 对应private key
 
    return      301 https://yiny.ml$request_uri;      
  
    location ~ / {
    root /home/www/toblog;
    index index.html index.php index.htm;
    }
    }

需要注意的是, 443端口必须引入证书才能实现跳转. 否则, 就会出现这样的结果….

telegram-cloud-file-5-853503991-122867--2141001562724131874

配置完成之后,重启nginx.

这样就搞定了..

压缩静态网站

  • 安装gulp3.9.1(一定要这个)
1
npm install gulp@3.9.1

在站点根目录创建gulpfile.js文件，内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
var gulp = require('gulp');
var babel = require('gulp-babel');
var plugins = require('gulp-load-plugins')();

gulp.task("clean",function() {
    return gulp.src("./public/*")
    .pipe(plugins.clean());
});

gulp.task("css",function(){
    var stream = gulp.src(["public/**/*.css","!public/**/*.min.css"])
        .pipe(plugins.minifyCss({compatibility: 'ie8'}))
        .pipe(gulp.dest("./public/"));
    return stream;
});

gulp.task("js",function(){
    var stream = gulp.src(["public/**/*.js","!public/**/*.min.js"])
		.pipe(babel({presets: ['env']}))
        .pipe(plugins.uglify())
        .pipe(gulp.dest("./public/"));
    return stream;
});

gulp.task("html",function(){
    var stream = gulp.src("public/**/*.html")
        .pipe(plugins.minifyHtml())
        //.pipe(plugins.rename({suffix: ".gulp"}))
        .pipe(gulp.dest("./public/"));
    return stream;
});

gulp.task("mv",["html","css","js"],function() {
    var stream = gulp.src("./dst/*")
        .pipe(gulp.dest("./public/"));
        /*.pipe(plugins.shell([
            "cp -r ./dst/* ./public/"
        ]));
        */
    return stream;
});

gulp.task("watch",function() {
    gulp.watch("public/*",["optimise"]);
});

gulp.task("default",["html","css","js"],function(){
    console.log("gulp task ok!");
});

在hexo d之前先运行gulp即可。

参考

记录折腾路上用到的教程 自2-3开始

本文标题:迁移Hexo到云服务器的一次经历

文章作者:yiny

发布时间:2019年02月04日 - 16:02

最后更新:2019年02月18日 - 19:02

原始链接:https://blog.yiny.ml/2019/02/04/move->server/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

0%